<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/hry3.css">
</head>
<body>
    <header>
        <div class="shanxi">
            <a class="shan1">山西</a>
            <a class="shan1">京东首页</a>
        </div>
        <div class="nihao">
            <a class="shan1">你好，请登录</a>
            <a class="shan2">免费注册 |</a>
            <a class="shan1">我的订单 |</a>
            <a class="shan1">我的京东 <img src="./img2/img1/xiabiao.png" style="width: 1%;" alt=""> |</a>
            <a class="shan1">企业会员 <img src="./img2/img1/xiabiao.png" style="width: 1%;" alt=""> |</a>
            <a class="shan2">企业采购 <img src="./img2/img1/xiabiao.png" style="width: 1%;" alt=""> |</a>
            <a class="shan1">客户服务 <img src="./img2/img1/xiabiao.png" style="width: 1%;" alt=""> |</a>
            <a class="shan1">网站导航 <img src="./img2/img1/xiabiao.png" style="width: 1%;" alt=""> |</a>
            <a class="shan1">手机京东 |</a>
            <a class="shan2">售前热线 400-026-0000 <img src="./img2/img1/xiabiao.png" style="width: 1%;" alt=""></a>
       </div>
    </header>
    <div>
       <div class="huichang">
        <img class="dan1" src="./img2/qiye.png"width="15%" alt="">
        <select name="" id="dan2"style="width: 100px;height: 50px;">
            <option value="">场景会场</option>
            <option value="">电脑数码馆</option>
            <option value="">企业电器馆</option>
            <option value="">企业超市馆</option>
            <option value="">企业图书馆</option>
            <option value="">企业工装城</option>
            <option value="">车品企业馆</option>
        </select>
        <input class="dan3" type="search" style="margin:10px auto;   border-color:red; border-radius:10px; width:34%;height: 60px;">
        <button class="dan4" style="height: 60px;width: 50px;background-color: red;">搜索</button>
        <div>
            <button class="qing" style="height: 60px;width: 7%;border-radius:10px;  background-color: white;border-color: rgba(255, 255, 255, 0.833);font-size: 20px;">采购清单</button>
            <button class="dan" style="height: 60px;width:7%;border-radius:10px;  background-color: white;border-color: rgba(255, 255, 255, 0.833);font-size: 20px;">我的购物车</button>
        </div>
       </div>
       <div class="fenlei">
            <span>全部商品分类</span><span>端午福利季</span><span>企业团购85折</span>
            <span>188元支付券</span><span>优惠券</span><span>专精特新</span>
            <span>新客补贴</span><span>会员中心</span>
       </div>
    </div>
    <img src="./img2/hry5.gif" width="8%" style="position: fixed;top: 300px;right: 110px;z-index: 2;" alt="">
    <div style="background-color: #999;width: 2%;height: 120px;position: fixed;top: 500px;right: 0;z-index: 2;">
        <img class="tubiao1" src="./img2/img1/tp2.png" width="2%" alt="">
        <img class="tubiao2" src="./img2/img1/g1.png" width="2%" alt="">
        <img class="tubiao3" src="./img2/img1/g3.png" width="2%" alt="">
    </div>
    <main>
       <div>
        <img class="pian" src="./img2/hry.png" width="100%" alt="">
        <img class="pian1" src="./img2/hry1.png" width="50% alt="">
        <img class="pian2" src="./img2/hry2.webp" width="50%" alt="">
        <img class="pian3" src="./img2/hry3.jpg" width="55%" alt="">
       </div>
        <div>
            <div class="color1"></div>
            <div class="color2"></div>
        </div>
        <img class="pian4" src="./img2/hry4.png" width="55%" alt="">
        <div class="image">
            <img class="pian5" src="./img2/hry.png" width="55%" height="88px" alt="">
            <div class="zi1">硒鼓墨盒</div>
            <div class="zi2">爆款优选</div>
        </div>
        <div>
            <div>
                <img class="ttu1" src="./img2/hry6.jpg" width="10%" alt="">
                <span style="color:black; position: absolute;top: 1125px;left: 20%;">格之格A4纸 80g A...</span>
                <button style="background-color: rgba(255, 0, 0, 0.146);color: brown; width: 6%;height: 40px;font-size: 15px;position: absolute;top: 1150px;left: 21%;border-radius: 20px;border-color: white;">低至8.6折</button>
                <strong  style="color: red; position: absolute;top: 1200px;left: 21%;font-size: x-large;font-weight: 600;">&yen;49.00</strong>
                <span style="color: blue;font-size: 15px;position: absolute;top: 1230px;left: 21%;">&yen;46.50</span>
                <span style="width: 3%; height: 20px;background-color: blue;color: white;position: absolute;top: 1230px;left: 25%;">企业价</span>
            </div>
            <div>
                <img class="ttu2" src="./img2/hry7.jpg" width="10%" alt="">
                <span style="color:black; position: absolute;top: 1125px;left: 35%;">惠普（HP）47原装...</span>
                <button style="background-color: rgba(255, 0, 0, 0.146);color: brown; width: 3%;height: 40px;font-size: 15px;position: absolute;top: 1150px;left: 36%;border-radius: 20px;border-color: white;">9折</button>
                <strong  style="color: red; position: absolute;top: 1200px;left: 36%;font-size: x-large;font-weight: 600;">&yen;46.00</strong>
            </div>
            <div>
                <img class="ttu3" src="./img2/hry7.jpg" width="10%" alt="">
                <span style="color:black; position: absolute;top: 1125px;left: 50%;">惠普（HP）680原...</span>
                <button style="background-color: rgba(255, 0, 0, 0.146);color: brown; width: 3%;height: 40px;font-size: 15px;position: absolute;top: 1150px;left: 52%;border-radius: 20px;border-color: white;">9折</button>
                <strong  style="color: red; position: absolute;top: 1200px;left: 52%;font-size: x-large;font-weight: 600;">&yen;79.00</strong>
            </div>
            <div>
                <img class="ttu4" src="./img2/hry8.jpg" width="10%" alt="">
                <span style="color:black; position: absolute;top: 1125px;left:65%;">佳能（Canon）PG...</span>
                <button style="background-color: rgba(255, 0, 0, 0.146);color: brown; width: 3%;height: 40px;font-size: 15px;position: absolute;top: 1150px;left: 67%;border-radius: 20px;border-color: white;">9折</button>
                <strong  style="color: red; position: absolute;top: 1200px;left: 67%;font-size: x-large;font-weight: 600;">&yen;89.00</strong>
            </div>
        </div>
        <div>
            <img class="fuyin" src="./img2/hry.png" width="55%" height="88px" alt="">
            <div class="zi3">复印纸</div>
            <div class="zi4">按期配送 免运费</div>
        </div>
        <div>
            <div>
                <img class="ttu5" src="./img2/hry6.jpg" width="10%" alt="">
                <span style="color:black; position: absolute;top: 1525px;left: 20%;">格之格A4纸 80g A...</span>
                <button style="background-color: rgba(255, 0, 0, 0.146);color: brown; width: 6%;height: 40px;font-size: 15px;position: absolute;top: 1550px;left:21%;border-radius: 20px;border-color: white;">低至8.6折</button>
                <strong  style="color: red; position: absolute;top: 1600px;left:21%;font-size: x-large;font-weight: 600;">&yen;49.00</strong>
                <span style="color: blue;font-size: 15px;position: absolute;top: 1630px;left:21%;">&yen;46.50</span>
                <span style="width: 3%; height: 20px;background-color: blue;color: white;position: absolute;top: 1630px;left: 25%;">企业价</span>
            </div>
            <div>
                <img class="ttu6" src="./img2/hry7.jpg" width="10%" alt="">
                <span style="color:black; position: absolute;top: 1525px;left: 35%;">惠普（HP）47原装...</span>
                <button style="background-color: rgba(255, 0, 0, 0.146);color: brown; width: 3%;height: 40px;font-size: 15px;position: absolute;top: 1550px;left: 35%;border-radius: 20px;border-color: white;">9折</button>
                <strong  style="color: red; position: absolute;top:1600px;left: 35%;font-size: x-large;font-weight: 600;">&yen;46.00</strong>
                <span style="color: blue;font-size: 15px;position: absolute;top: 1630px;left:35%;">&yen;93.50</span>
                <span style="width: 3%; height: 20px;background-color: blue;color: white;position: absolute;top: 1630px;left: 38%;">企业价</span>
            </div>
            <div>
                <img class="ttu7" src="./img2/hry7.jpg" width="10%" alt="">
                <span style="color:black; position: absolute;top: 1525px;left: 50%;">惠普（HP）680原...</span>
                <button style="background-color: rgba(255, 0, 0, 0.146);color: brown; width: 3%;height: 40px;font-size: 15px;position: absolute;top: 1550px;left: 51%;border-radius: 20px;border-color: white;">9折</button>
                <strong  style="color: red; position: absolute;top:1600px;left:51%;font-size: x-large;font-weight: 600;">&yen;79.00</strong>
                <span style="color: blue;font-size: 15px;position: absolute;top: 1630px;left: 51%;">&yen;85.50</span>
                <span style="width: 3%; height: 20px;background-color: blue;color: white;position: absolute;top: 1630px;left: 55%;">企业价</span>
            </div>
            <div>
                <img class="ttu8" src="./img2/hry8.jpg" width="10%" alt="">
                <span style="color:black; position: absolute;top: 1525px;left: 65%;">佳能（Canon）PG...</span>
                <button style="background-color: rgba(255, 0, 0, 0.146);color: brown; width: 3%;height: 40px;font-size: 15px;position: absolute;top: 1550px;left: 66%;border-radius: 20px;border-color: white;">9折</button>
                <strong  style="color: red; position: absolute;top:1600px;left: 66%;font-size: x-large;font-weight: 600;">&yen;89.00</strong>
                <span style="color: blue;font-size: 15px;position: absolute;top: 1630px;left: 66%;">&yen;80.90</span>
                <span style="width: 3%; height: 20px;background-color: blue;color: white;position: absolute;top: 1630px;left: 69%;">企业价</span>
            </div>
        </div>
        <div>
            <img class="weini" src="./img2/hry.png" width="55%" height="88px" alt="">
            <div class="zi5">为您推荐</div>
            <div class="zi6">精挑细选 多买优惠</div>
        </div>
        <div class="mo" style="width: 55%;height: 50px;background-color: whitesmoke;color: #666;font-size: 15px;position: absolute;top: 1735px;left: 20%;">
            <span>墨盒</span>
            <span>复印纸</span>
            <span>透明胶带</span>
            <span>长尾夹</span>
            <span>胶水</span>
            <span>色带</span>
            <span>双面胶带</span>
            <span>记事本</span>
            <span>固体胶</span>
            <span>中性笔</span>
            <span>警示胶带</span>
            <span>纳米胶带</span>
            <span>便签纸</span>
            <span>硒鼓</span>
            <span>美纹纸胶带</span>
        </div>
        <div>
            <div>
                <img class="weini1" src="./img2/hry9.jpg" width="10%" alt="">
                 <span style="position: absolute;top: 1960px;left: 20%;">惠普（HP）803原装...</span>
                 <button style="color: red; background-color: white; border-color: red;width: 2%;height: 20px;position: absolute;top: 1980px;left: 20%;">9折</button>
                 <strong style="font-size: 33px; font-weight: 700;color: red;position: absolute;top: 2000px;left:20%;">&yen;66.00</strong>
            </div>
            <div>
                <img class="weini2" src="./img2/hry10.jpg" width="10%" alt="">
                <span style="position: absolute;top: 1960px; left: 35%;">惠普（HP）36原装墨...</span>
                <button style="color: red; background-color: white; border-color: red;width: 2%;height: 20px;position: absolute;top: 1980px;left: 35%;">9折</button>
                 <strong style="font-size: 33px; font-weight: 700;color: red;position: absolute;top: 2000px;left: 35%;">&yen;45.00</strong>
            </div>
            <div>
                <img class="weini3" src="./img2/hry11.jpg" width="10%" alt="">
                <span style="position: absolute;top: 1960px; left:50%;">惠普（HP）802原装...</span>
                <button style="color: red; background-color: white; border-color: red;width: 2%;height: 20px;position: absolute;top: 1980px;left:50%;">9折</button>
                 <strong style="font-size: 33px; font-weight: 700;color: red;position: absolute;top: 2000px;left:50%;">&yen;141.00</strong>
            </div>
            <div>
                <img class="weini4" src="./img2/hry12.jpg" width="10%" alt="">
                <span style="position: absolute;top: 1960px; left: 65%;">惠普（HP）802原装...</span>
                <button style="color: red; background-color: white; border-color: red;width: 2%;height: 20px;position: absolute;top: 1980px;left: 65%;">9折</button>
                 <strong style="font-size: 33px; font-weight: 700;color: red;position: absolute;top: 2000px;left: 65%;">&yen;76.00</strong>
            </div>
        </div>
    </main>
    <footer>
        <div class="bg">
            <span><img src="./img2/duo.png"width="30px"height="30px" alt="">品类齐全，轻松购物</span>
            <span><img src="./img2/kuai.png"width="30px"height="30px" alt="">多仓直发，极速配送</span>
            <span><img src="./img2/hao.png"width="30px"height="30px" alt="">正品行货，精致服务</span>
         </div>
         <hr>
         <div class="footer-links-container">
            <div class="da1">
                <div class="da2">
                    <h3>购物指南</h3>
                    <ul>
                        <li>购物流程</li>
                        <li>会员介绍</li>
                        <li>生活旅行/团购</li>
                        <li>常见问题</li>
                        <li>大卖单</li>
                        <li>联系客服</li>
                    </ul>
                </div>
                
                <div class="da2">
                    <h3>配送方式</h3>
                    <ul>
                        <li>上门自提</li>
                        <li>211限时达</li>
                        <li>配送服务查询</li>
                        <li>配送费收取标准</li>
                        <li>海外配送</li>
                    </ul>
                </div>
                
                <div class="da2">
                    <h3>支付方式</h3>
                    <ul>
                        <li>货到付款</li>
                        <li>在线支付</li>
                        <li>分期付款</li>
                        <li>邮寄汇款</li>
                        <li>公司转账</li>
                    </ul>
                </div>
                
                <div class="da2">
                    <h3>售后服务</h3>
                    <ul>
                        <li>售后政策</li>
                        <li>价格保护</li>
                        <li>退款说明</li>
                        <li>返修/退换货</li>
                        <li>取消订单</li>
                    </ul>
                </div>
                
                <div class="da2">
                    <h3>特色服务</h3>
                    <ul>
                        <li>专营店</li>
                        <li>DIY装机</li>
                        <li>超级服务</li>
                        <li>京东卡</li>
                        <li>京东通</li>
                        <li>京东JD+</li>
                    </ul>
                </div>
            </div>
        </div>
        
        <div class="footer-bottom">
            <p>
                关于我们 | 
                联系我们 | 
                联系客服 | 
                合作招商 | 
                商家帮助 | 
                营销中心 | 
                手机京东 | 
                友情链接 | 
                销售联盟 | 
                京东社区 | 
                风险监测 | 
                质量公告 | 
                隐私政策 | 
                京东公益 | 
                Media & IR
            </p >
            <p>
                京公网安备 1100002000088号 | 京ICP备11041704号 | ICP | 药品医疗器械网络信息服务备案 | 百信医疗器械经营资质 | 
                药品网络交易第三方平台备案凭证 | 新出发票字第X12007号
            </p >
            <p>
                互联网认证许可证编号：4006067733 | 注册商标许可证号：4006561155
            </p >
            <p>
                Copyright © 2004 - 2025 京东JINGDONG 版权所有 | 消费者信息热线：4006067733 | 经营范围 | 
                医疗器械第三方平台备案凭证（京）网络平台备案（2023）第0013号 | 营业执照 | 增值电信业务经营许可证
            </p >
            <p>
                可信网站信用评价 | 
                网络警察提醒您 | 
                诚信网站 | 
                网上车险 | 
                网络举报 | 
                APP下载 | 
                公安服务网
            </p >
        </div>
        <div class="jk">
            <span><img src="./img2/xunz.png" width="80px"height="40px" alt=""></span>
            <span><img src="./img2/wang1.png" width="80px"height="40px" alt=""></span>
            <span><img src="./img2/wang6.png" width="80px"height="40px" alt=""></span>
            <span><img src="./img2/wang5.jpg" width="80px"height="40px" alt=""></span> 
            <span><img src="./img2/wang4.png" width="80px"height="40px" alt=""></span> 
        </div>
    </footer>
</body>
</html>